<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script>
function isGiong()
{
		document.getElementById("sonhom").disabled = true;
		document.getElementById("sosv").disabled = true;
		document.getElementById("khoilop").disabled = true;
		document.getElementById("khoa").disabled = true;
		alert('Bạn vừa chọn chức năng phát sinh các nhóm như năm học trước, do đó không cần hoàn thành các thông tin bên dưới. Hãy bấm "Phát sinh" để hệ thống hiển thị danh sách các nhóm, sau đó bạn có thể tùy chỉnh danh sách này.');
}
function isKhongGiong()
{
		document.getElementById("sonhom").disabled = false;
		document.getElementById("sosv").disabled = false;
		document.getElementById("khoilop").disabled = false;
		document.getElementById("khoa").disabled = false;
		alert('Bạn vừa bỏ chọn chức năng phát sinh các nhóm như năm học trước, do đó bạn hãy hoàn thành các thông tin bên dưới và bấm "Phát sinh" để hệ thống hiển thị danh sách các nhóm, sau đó bạn có thể tùy chỉnh danh sách này.');
}
</script>
<form id="form1" name="form1" method="post" action="">
  <table width="60%" border="0">
    <tr>
      <td width="18%">Khoa phụ trách: (*)</td>
      <td width="27%"><select name="khoaphutrach" id="khoaphutrach">
        <option value="TUD" selected="selected">Khoa Toán - Ứng dụng</option>
        <option value="CNTT">Khoa Công nghệ - Thông tin</option>
        <option value="NN">Khoa Ngoại ngữ</option>
        <option value="GDTH">Khoa Giáo dục tiểu học</option>
        <option value="TVVP">Khoa Thư viện - Văn phòng</option>
      </select></td>
      <td width="14%">Học kỳ: (*)</td>
      <td width="41%"><select name="hocky" id="hocky">
        <option value="0">Chọn học kỳ</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select></td>
    </tr>
    <tr>
      <td>Mở giống năm trước:</td>
      <td><label>
        <input type="radio" name="radio" id="giong" value="giong" onchange="isGiong()" />
      Có         
      <input type="hidden" name="hiddenField" id="hiddenField" />
<input type="radio" name="radio" id="giong" value="khonggiong" checked="checked" onchange="isKhongGiong()" /> Không
      </label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Số nhóm: (**)</td>
      <td><input type="text" name="sonhom" id="sonhom" /></td>
      <td>Số sinh viên: (**)</td>
      <td><input type="text" name="sosv" id="sosv" /></td>
    </tr>
    <tr>
      <td>Khối lớp:</td>
      <td><select name="khoilop" id="khoilop">
        <option value="all" selected="selected">Cả khoa</option>
        <option value="dh">Đại học</option>
        <option value="cd">Cao đẳng</option>
        <option value="dto">ĐH Sư phạm toán DTO</option>
        <option value="cto">CĐ Sư phạm toán CTO</option>
        <option value="dtu">Toán ứng dụng DTU</option>
      </select></td>
      <td>Khóa:</td>
      <td><select name="khoa" id="khoa">
      <script>
	  var year = new Date();
	  var current = year.getFullYear();
	  document.write('<option value="0" selected="selected">Tất cả các khóa</option>');
	  for (i = 0; i<4; i++) { 
  			document.write('<option value="' + i + '">'+(current-i-1)+'</option>');
		}
	  </script>
      </select></td>
    </tr>
    <tr>
      <td colspan="4"><em>(*): Các mục bắt buộc phải chọn để có thể phát sinh nhóm lớp.</em></td>
    </tr>
    <tr>
      <td colspan="4"><em>(**): Các mục bắt buộc phải chọn nếu không mở nhóm giống năm học trước.</em></td>
    </tr>
    <tr>
      <td colspan="4"><div align="center">
        <input type="submit" name="button" id="button" value="Phát sinh" />
      </div></td>
    </tr>
  </table>
</form>


<form id="form2" name="form2" method="post" action="">
  <table width="60%" border="1">
    <tr>
      <td height="47" colspan="4"><div align="center"><strong>DANH SÁCH CÁC HỌC PHẦN SẼ ĐƯỢC PHÁT SINH TỰ ĐỘNG</strong></div></td>
    </tr>
    <tr>
      <td width="19%"><div align="center"><strong>HỌC PHẦN</strong></div></td>
      <td width="12%"><div align="center"><strong>SỐ NHÓM</strong></div></td>
      <td width="12%"><div align="center"><strong>SỐ SINH VIÊN</strong></div></td>
      <td width="9%"><div align="center"><strong>CHỨC NĂNG</strong></div></td>
    </tr>
    <tr>
      <td><div align="center">
        <select name="hocphan" id="hocphan">
          <option>Phân tích thiết kế hệ thống thông tin</option>
        </select>
      </div></td>
      <td><div align="center">
        <input type="text" name="textsonhom" id="textsonhom" />
      </div></td>
      <td><div align="center">
        <input type="text" name="textsosv" id="textsosv" />
      </div></td>
      <td><div align="center">
        <input type="button" name="them" id="them" value="Thêm" />
      </div></td>
    </tr>
  </table>
   <table width="60%" border="1">
    <tr>
      <td><div align="center">
        <input type="submit" name="phatsinh" id="phatsinh" value="Phát sinh" />
      </div>        <div align="center"></div>        <div align="center"></div>        <div align="center"></div></td>
     </tr>
    </table>
  <div align="right"></div>
</form>


</body>
</html>
